/*搜索框部分开始*/
 body {
     min-width: 320px;  /*最小宽度*/
     max-width: 530px;  /*最大宽度*/
     margin: 0 auto;
    }

.top{
	height: 43px;
	display: flex;
	/*max-width: 480px;*/
}
.search{
	position: relative;
	float: left;
	margin-top: 9px;
	width: 480;
	
	height: 24px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	flex: 20;
	overflow: hidden;
	box-shadow: 0px 1px 2px #c1c4c4;
}

button{
	display: flex; 
	float: left;
	border-style: none;
	background:none;
	height: 24px;
	width: 24px;
	box-sizing: border-box;
	position: relative;
	flex: 2;
}
.top .search .simg{
	top:-1px;
	left: 0;
	position: absolute;
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	transform: scale(0.6,0.6);
	background: url(../image/un_ico_home_v620.png) no-repeat -118px -558px;
	background-size: content;
}
.top .search input{
	top:4px;
	position: absolute;
	width: 456px;
	flex: 4;

}

.manimg{
	flex: 2;
	float: right;
	height: 54px;
	width: 50px;
	position: relative;

	}
.manimg i:nth-child(1){
	margin-top: 4px;
	margin-left: 10px;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 16px;
	text-align: center;
	border: 1px solid  #4fbae7;
	border-radius: 20px;	
	background: url(../image/un_ico_home_v620.png) no-repeat -126px -395px;
	transform: scale(0.85,0.85);
	
}
.manimg i:nth-child(2){
	width: 40px;
	position: absolute;
	color: #4fbae7;
	font-size: 13px;
	top: 42px;
	right: -2px;
	display: inline-block;
	transform: translateY(-9px);
}

/*轮播图开始*/
.trimg{
	width: 100%;  /*继承body 的高度   body 540*/
    height: 100px;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
}


.trimg img{ 
	width: 100%;  
    height: 100px;
    margin: 0 auto;

}

/*导航box*/


.navone,.navtwo,.navthree,.navfour{
	width: 100%;  
	display: flex;
	margin-top: 4px;
	height: 90px;
	overflow: hidden;
	border-radius: 8px;
}

.lnav,.cnav,.rnav{
	float: left;
	width: 178px;
	height: 91px;
	margin-left: 1px;
}



.cnav,.rnav{
	display: flex;
	flex-direction: column;
}

.navbox a{
	    display: inline-block;
		flex: 1;
		width: 100%;
		line-height: 45px;
		box-sizing: content-box;
		color: #fff;
		text-align: center;
		overflow: hidden;
		margin-bottom: 1px;
}
.navone .lnav ,.navtwo .lnav ,.navthree .lnav {
	height: 90px;
	position: relative;
}

.navfour .lnav {
	height: 90px;
	display: flex;
	flex-direction: column;
}
.navone a,.navone .lnav{
	background: #ff697a;
}
.navtwo a,.navtwo .lnav{
	background-color: #3d98ff;
}
.navthree a,.navthree .lnav{
	background-color: #44c522;
}
.navfour a,.navfour .lnav{
	background-color: #fc9720;
}


.navbox a{
	color: #fff;
	text-align: center;
}
.navone .imgd,.navtwo .imgd,.navthree .imgd{
	z-index: 1;
	position: absolute;	
	left: 50%;
	margin-left: -38px;
	bottom: 0em;
	height: 59px;
	width: 77px;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_home_v620.png) no-repeat;
}

.navone .imgd{
	background-position: -3px -259px;
}


.navtwo .imgd{
	background-position: -8px -585px;
}
.navthree .imgd{
	background-position: 0px -365px;
}



/*其他功能*/
.otherl{
	width: 100%;
	height: 182px;
	background-color: #f2f2f2;
	border-radius: 8px;
	margin-top: 8px;
	overflow: hidden;
	
}
.otherl .l,.otherl .c,.otherl .r{
	display: flex;
}

.otherl span{
	text-align: center;
	margin-bottom: 1px;
	margin-right: 1px;
	width:132px;
	height: 60px;
	background: #fff;
	overflow: hidden;
}

.otherl a{
	width:132px;
	height: 60px;
	display: inline-block;
}




.l .bone p,.l .btwo p,.l .bthree p,.l .btfour p{
	margin-top: -10px;
}
.l .bone .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 1px -160px;
}



.l .btwo .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -160px;
}


.l  .bthree .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -239px;
}


.l  .btfour .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -278px;
}

.c .bone p,.c .btwo p,.c .bthree p,.c .btfour p{
	margin-top: -10px;
}

.c .bone .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 1px -321px;
}


.c  .btwo .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -360px;
}


.c   .bthree .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -399px;
}


.c   .btfour .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -435px;
}


.r .bone p,.r .btwo p,.r .bthree p,.r .btfour p{
	margin-top: -10px;
}

.r .bone .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 1px -40px;
}


.r .btwo .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -520px;
}


.r  .bthree .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -472px;
}


.r  .btfour .pico{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: scale(0.7,0.7);
	background: url(../image/un_ico_subnav_v7.5@2x.png) no-repeat;
	background-position: 0px -118px;
}


/*特卖汇开始*/
.tbuy{
	height: 261px;
	background: #fff;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	margin-top: 8px;
	display: flex;
	/*换行*/
	flex-wrap: wrap;
	overflow: hidden;
}

.tbuy-top{
	height: 44px;
	width: 100%;
	line-height: 20px;
}

.tbuy-top div:nth-child(1){
	margin-top: 15px;
	margin-left: 8px;
	float: left;
	height: 17px;
	width: 60px;
	background: url(../image/un_home_text.png) no-repeat 0px 0px;
	background-size: 60px 60px;

}

.tbuy-top div:nth-child(2){
	float: right;
	width: 105px;
	height: 26px;
	background: #ff5e99;
	border-radius: 13px;
	display: inline-block;
	line-height: 26px;
	text-align: center;
	color: #fff;
	margin-top: 8px;
	margin-right: 8px
}

.tbuy-down{
	padding: 0 8px 0;
	width: 100%;
	height: 204px;
	display: flex;
	box-sizing: border-box;
}

.tbuy-down div{
	background: #f9f9f9;
	flex: 1;
	/*margin:0 2px 0;*/
}

.tbuy-down .ld{
	margin-right: 4px;
}
.tbuy-down .ld a{
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
}

/*伪元素选择器*/
.tbuy-down .ld a::before{
	content: "";
	position: absolute;
	top: 0px;
	width: 100%;
	height: 117px;
	background: url(../image/jinse_03.jpg) no-repeat;
	background-size: cover;
}

.tbuy-down .ld .info{
	position: absolute;
	bottom: 0px;
	left: -2px;
	width: 100%;
	height: 87px;
}
.tbuy-down .info i:nth-child(1){
	display: inline-block;
	margin-top: 14px;
	margin-left: 7px;
}

.tbuy-down .info i:nth-child(2){
	margin-left: 7px;
	color: #ff495e;
}

.tbuy-down i:nth-child(2) span:nth-child(1){
	font-size: 18px;
}

.qi{
	padding-left: -5px;
	font-size: 17px;
}

.smony{
	display: flex;
	position: absolute;
	background-color: #fd3a51;
	color: #fff;
	/*display: inline-block;*/
	line-height: 15px;
	border-radius: 8px;
	left: 92px;
	bottom:15px;
	padding: 0 4px 0;
}
.rd{
	margin:0!important;
	/*换行*/
	flex-wrap: wrap;
	margin-left: 4px;
}
.rd-one{
	position: relative;
	margin-left: 4px;
	width: 98.8%;
	height: 88px;
}
.nullline{
	width: 100%;
	height: 4px;
	background: #fff!important;
}
.rd-two{
	width: 100%;
	height: 112px;
	display: flex;
	
}
.nullline2{
	margin-left: 4px;
	width: 50%;
	height: 112px;
}
.rd-three{
	
	margin-left: 4px;
	width: 50%;
	height: 112px;
}

.rd .rd-one i:nth-child(1){
	font-family: "宋体";
	font-size: 14px;
	color: #fd3a51;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	margin-left: 8px;
	padding-top: 12px;
}

.rd .rd-one i:nth-child(2){
	display: inline-block;
	margin-top: 8px;
	margin-left: 8px;
	color: #444;
}

.rd .rd-one i:nth-child(3){
	right: -9px;
	bottom: 0px;
	position: absolute;
	height: 86px;
	width: 80px;
	background: url(../image/pic-tmh-02.png) no-repeat;
	background-size: 70px 100px;
}

 .nullline2 p:nth-child(1){
 	margin-top: 10px;
 	text-align: center;
	font-weight: bold;
	color: #6aabfe;
	font-family: "宋体";
	font-size: 14px;
}

.nullline2 p:nth-child(2) {
	margin-top: 4px;
	text-align: center;
}
.nullline2 p:nth-child(2) i{
	text-align: center;
	font-size: 14px;
	color: #6aabfe;
}
.nullline2{
	position: relative;
}
.rd-two .nullline2 span{
	top:34px;
	left: 2px;
	position: absolute;
	display: inline-block;
	width:  100%;
	height:100%;
	transform: scale(0.6,0.6);
	background: url(../image/pic-tmh-04.png) no-repeat;
}
.rd-three{
	position: relative;
}
.rd-three p:nth-child(1){
 	margin-top: 10px;
 	text-align: center;
	font-weight: bold;
	color: #53ca9c;
	font-family: "宋体";
	font-size: 14px;
}
.rd-three p:nth-child(2) {
	margin-top: 4px;
	text-align: center;
}
.rd-three:nth-child(2) i{
	text-align: center;
	font-size: 14px;
	color: #53ca9c;
}

.rd-two .rd-three span{
	top:34px;
	left: 2px;
	position: absolute;
	display: inline-block;
	width: 100%;
	height:100%;
	transform: scale(0.6,0.6);
	background: url(../image/pic-tmh-03.png) no-repeat;
}


/*热门活动开始*/
.active-top{
	margin-top: 8px;
	width: 100%;
	height: 44px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #fff!important;
	position: relative;
}

.active-top i:nth-child(1){
	margin-top: 15px;
	margin-left: 8px;
	float: left;
	height: 17px;
	width: 60px;
	background: url(../image/un_home_text.png) no-repeat 0px -21px;
	background-size: 60px 60px;
}
.active-top i:nth-child(2){	
	margin-top: 6px;
	float: left;
	height: 40px;
	width: 70px;
	transform: scale(0.58,0.58);
	background: url(../image/icon-gg@2x.png) no-repeat;
	
}
.active-top i:nth-child(3){
	float: right;
	width: 105px;
	height: 26px;
	background: #ff5e99;
	border-radius: 13px;
	display: inline-block;
	line-height: 26px;
	text-align: center;
	color: #fff;
	margin-top: 8px;
	margin-right: 8px
}

.activec{
	width: 100%;
	height: 404px;
	display: flex;
	background: #fff;
}
.activec .al{
	flex: 1;
	flex-direction: column;
	box-sizing: border-box;
	border-right: 1px solid #dbdbdb;
	display: flex;

}
.activec .ar{
	display: flex;
	flex: 1;
	box-sizing: content-box;
	flex-direction: column;
}

.activec .al span:nth-child(1){
	flex: 2;
	border-bottom: 1px solid #dbdbdb;
}
.activec .al span:nth-child(1) a{
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(../image/AD02-621ychmp.jpg) no-repeat;
	background-size: 274px 267px;
}
.activec .al span:nth-child(2){
	flex: 1;
	border-bottom: 1px solid #dbdbdb;
}

.activec .al span:nth-child(2) a{
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(../image/app_home_ad07_qx621310.jpg) no-repeat;
	background-size: 276px 142px;
}


.activec .ar span{
	flex: 1;
	border-bottom: 1px solid #dbdbdb;
}

.activec .ar span:nth-child(2){
	margin-bottom: 1px;
}

.activec .ar span:nth-child(1) a{
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(../image/app_home_ad03_js6213101.png) no-repeat;
	background-size: 276px 142px;
}

.activec .ar span:nth-child(2) a{
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(../image/AD03-zlyc621.jpg) no-repeat;
	background-size: 276px 142px;
}
.activec .ar span:nth-child(3) a{
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(../image/AD03-qd621.jpg) no-repeat;
	background-size: 276px 142px;
}

/*底部切换界面开始*/
.changpage{
	width: 100%;
	margin-top: 8px;
	height: 50px;
	background-color: #fff;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	display: flex;
}

.changpage span{
	width: 100%;
	height: 100%;
	flex: 1;
	text-align: center;
}

.changpage span a{
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 11px;
}


.changpage span a i:nth-child(1){
	display: inline-block;
	margin-left: 39px;
	width: 100%;
	height: 34px;
	background: pink;
	transform: scale(0.6,0.6);
	background: url(../image/un_ico_home_v620.png) no-repeat -119px -306px;
}

.changpage span a i:nth-child(2){
	display: inline-block;
	margin-top: -2px;

}
.changpage span:nth-child(2) a i:nth-child(1){
	background: url(../image/un_ico_home_v620.png) no-repeat -119px -349px;
}
.changpage span:nth-child(3) a i:nth-child(1){
	background: url(../image/un_ico_home_v620.png) no-repeat -119px -620px;
}
/*页脚开始*/
.footer{
	margin-top: 9px;
	width: 100%;
	height: 58px;
	margin-left: 25%;
	display: flex;
	flex-wrap: wrap;
}
.footer li{
	float: left;
	margin-left: 10px;
}
.footer li{
	color: #666;
}
.footer  .line{
	width: 1px;
	height: 14px;
	background: #ccc;
	float: left;
}
.footer span{
	display: inline-block;
	width: 100%;
	color: #999;
}

